<template>
    <div class="px-4 py-8">
        <div class="container mx-auto p-4">
            <router-link to="/category" class="group flex w-fit items-center gap-1 text-sm cursor-pointer">
                <Icon
                    icon="fa7-solid:arrow-left"
                    class="ease inline-block font-thin transition-all group-hover:-translate-x-1"
                />
                返回上一页</router-link
            >
        </div>
        <div class="container mx-auto flex flex-col gap-6 md:flex-row">
            <main class="flex-1 bg-white">
                <router-view />
            </main>
            <aside class="w-full flex-shrink-0 bg-white md:w-96">
                <hot-list-sidebar />
            </aside>
        </div>
    </div>
</template>

<script setup lang="ts">
import { Icon } from "@iconify/vue";
</script>

<style scoped lang="scss"></style>
